.gradient{
  background: -moz-linear-gradient(top, #87f3ca 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ece2e2), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top, #7bcbda 0%,#ffffff 100%);
  background: -o-linear-gradient(top, #77dbba 0%,#ffffff 100%);
  background: -ms-linear-gradient(top, #98d0f5 0%,#ffffff 100%);
  background: linear-gradient(to bottom, #81d8db 0%,#ffffff 100%);
  margin: 0 auto;
  padding: 0;

}
.charbox {
  position: relative;
}
#tip {
  position: absolute;
  top: 70px;
  left: 50%;
  min-width: 150px;
  max-width: 300px;
  margin-left: -100px;
  padding: 10px 20px;
  border-radius: 5px;
  border-color: #ece2e2;
  display: none;
  z-index: 9999;
}

tr,td,th{
  text-align: center;
  font-family: traditional;
}
.chat-info  table thead tr th {
  font-size: 10px;
  font-weight: normal;
  /* background-color: rgba(200, 226, 252, 0.89); */
  background-color: rgb(133, 186, 226);
  color: snow;
  
}
.chat-info  table thead tr th table{
  width: 100%;
  height: 100%;
  padding: 0;
  font-weight: normal;
   margin: 0;
}
.chat-info  table thead tr th table  tr {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-weight: normal;
  white-space: nowrap;
  border: 0;
}
.chat-info  table  tbody tr  {
  /* color: whitesmoke; */
  border: 1px solid rgba(248, 246, 245, 0.562);

}
.chat-info  table thead tr th table  td {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-weight: normal;
}
tbody{
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-weight: normal;
}


.display{
  /* display: none; */
  background-color: rgba(252, 134, 55, 0.481);
  /* line-height: 100%; */
  /* padding: 20% 0 0 0 ;/ */
}

.none{
  /* display: inline-block; */
  background-color: rgba(253, 121, 121, 0.981);
  /* line-height: 100%; */
  /* padding: 20% 0 0 0 ; */
  /* margin: 0; */
  /* vertical-align: middle; */
  /* text-align: center; */
}

#bb tr:nth-child(odd){
  /* background-color: rgba(167, 253, 235, 0.981); */
  /* line-height: 100%; */
  margin: 0;
  
}
#bb tr>td:nth-child(1){
    background-color: rgb(248, 229, 203);
}
#bb tr>td:nth-child(2){
  /* background-color: rgb(243, 193, 164); */
}
#bb tr:nth-child(even)>td:nth-child(1){
 /* background-color: red; */
 /* display: none; */
}
#bb tr:nth-child(odd)>td:nth-child(1){
  /* background-color: rgb(243, 192, 116); */
  /* padding-top: 2.2%; */
 
 }
#bb tr:nth-child(even){
  /* background-color: rgba(178, 252, 200, 0.981); */
  /* line-height: 100%; */
  margin: 0;
}


.kdp-header-container div span:hover{
  cursor: pointer;
  color: black;
  border-radius: 5%;
  border: 1px solid silver;

}

thead tr th table tr:nth-child(1){
  /* background-color: skyblue; */
}


/* /给抬头设置动态表头表个t/*/
.app3{
  margin:62px auto 0 auto ;
  padding-bottom: 50px;
}
.app32{
  margin:0px auto 0 auto ;
  padding-bottom: 50px;
}


.fadeout {
  background-color: #2ecc71;
  height: 52px;
  /* margin-bottom: 50px; */
  opacity: 0;
  transition: 0.3s all ease-out;
  transform: scale(0.8);
  /* box-sizing: border-box; */
  /* padding: 20px; */
  display: inline-block;
}

.slide-fade-enter-active {
  transition: all .25s linear;
}
.slide-fade-leave-active {
  transition: all .25s linear;
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
  transform: translateY(100px);
  opacity: 0;
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNsaWVudC5sZXNzIiwiY2xpZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLGtCQUFBO0FDQ0o7QURFQTtFQUNJLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFNBQUE7RUFDQSxnQkFBQTtFQUNBLGdCQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EscUJBQUE7RUFDQSxhQUFBO0VBQ0EsYUFBQTtBQ0FKIiwiZmlsZSI6ImNsaWVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuY2hhcmJveHtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG5cclxuI3RpcCB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICB0b3A6IDcwcHg7XHJcbiAgICBsZWZ0OiA1MCU7XHJcbiAgICBtaW4td2lkdGg6IDE1MHB4O1xyXG4gICAgbWF4LXdpZHRoOiAzMDBweDtcclxuICAgIG1hcmdpbi1sZWZ0OiAtMTAwcHg7XHJcbiAgICBwYWRkaW5nOjEwcHggMjBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgIGJvcmRlci1jb2xvcjogcmdiKDIzNiwgMjI2LCAyMjYpO1xyXG4gICAgZGlzcGxheTogbm9uZTtcclxuICAgIHotaW5kZXg6IDk5OTk7XHJcbn0iLCIuY2hhcmJveCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbiN0aXAge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNzBweDtcbiAgbGVmdDogNTAlO1xuICBtaW4td2lkdGg6IDE1MHB4O1xuICBtYXgtd2lkdGg6IDMwMHB4O1xuICBtYXJnaW4tbGVmdDogLTEwMHB4O1xuICBwYWRkaW5nOiAxMHB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYm9yZGVyLWNvbG9yOiAjZWNlMmUyO1xuICBkaXNwbGF5OiBub25lO1xuICB6LWluZGV4OiA5OTk5O1xufVxuIl19 */
.Vcenter{
     display: flex; justify-content: space-between;justify-items: center;align-items: center;
}

.tb2 thead #tr>th{
  color: black;
  font-weight: bold;
   text-align: center;
   border: 1px silver solid;
}
td.edith{
  text-align: center;
  /* color: #6ee0db; */
  border: 1px silver solid;
}

